<template>
    <div>
        <!--以下的网站首页的导航栏-->
        <MyNavBar></MyNavBar>
        <div class="container">
            <div class="container-subject" style="text-align: center;color:#999">
                <h2>404!资源不存在</h2>
                <el-divider></el-divider>
                <div style="text-align: center">
                    <img style="width: 320px; border: 1px solid #FFF;border-radius:50%; " src="../../assets/images/404.jpg">
                </div>
            </div>
        </div>
        <!--以下是页脚-->
        <MyFooter></MyFooter>
    </div>
</template>

<script>
    import MyNavBar from "@/components/pc/MyNavBar";
    import MyFooter from "@/components/pc/MyFooter";

    export default {
        name: "MyNotFound",
        components:{
            MyNavBar,
            MyFooter
        }
    }
</script>

<style scoped>
    .container {
        width: 100%;
        height: auto;
        background-color: #fafafa;
        padding: 10px 0px 20px 0px;
        margin: 0px 0px 10px 0px;
    }

    .container-subject {
        width: 80%;
        height: auto;
        background-color: #fafafa;
        margin: 0px auto;

    }
</style>